<template>
	<div>
		<div class="filter">
			<Indicators />
			<IndicatorsAttr />
			<i>/</i>
			<Indicators />
			<IndicatorsAttr />
		</div>
		<a-dropdown>
			<a-button class="btn">
				<span>{{ item ? item.attrName : '百分比' }}</span>
				<a-icon type="caret-down" />
			</a-button>
			<a-menu slot="overlay">
				<a-menu-item key="1">百分比</a-menu-item>
				<a-menu-item key="2">两位小数</a-menu-item>
				<a-menu-item key="3">取整</a-menu-item>
			</a-menu>
		</a-dropdown>
		<span>
			<i class="iconfont icon-save" />
			<i class="iconfont icon-close" />
		</span>
	</div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { Indicators, IndicatorsAttr } from '@/components/screen/components/index'

@Component({
	name: 'CustomFilter',
	components: {
		Indicators,
		IndicatorsAttr
	}
})
export default class extends Vue {
	private listData: any = []
}
</script>
<style lang="scss" scoped>
.filter {
	min-height: 32px;
	border: 1px solid #d8dce6;
}
</style>
